﻿<div class="card pt-header">
    <div class="header" style="cursor: pointer;min-height: 35px;padding-top: 7px;">
        <div class="pt-body" ng-click="reset()"
             ng-class="selectdzzdm == gddwdm ?'party_active':''">
            全校党组织
        </div>
    </div>
    <div class="body treebody2">
        <div class="menu" ng-style="{'height':height!=null?height+'px':'calc(100vh - 150px)'}">
            <script type="text/ng-template" id="nodes.html">
                <li>
                    <div class="treerow" ng-class="isActive(data)" ng-click="clickNode(data)" >
                        <i ng-if="data.childList.length>0" class="material-icons">{{data.show==1 ?
                            'expand_more' :
                            'chevron_right'}}</i>
                        <span class="icon-name" ng-class="data.childList.length>0?'':'icon-name-spac'">{{data.name}}</span>
                    </div>
                    <div ng-hide="data.show != 1">
                        <div class="treeitem"
                             ng-repeat="data in data.childList" ng-include="'nodes.html'"></div>
                    </div>
                </li>
            </script>
            <ul class="pt-body" ng-repeat="data in dataList"
                ng-include="'nodes.html'">
            </ul>
        </div>
    </div>
</div>

<style>
   /* .tree-card {
        display: flex;
    }

    .tree-card .tree-component {
        width: 300px;
        margin: 5px 0px 0px 8px;
    }

    .tree-card .tree-contain {
        width: 100%;
    }*/

    .treebody2 {
        padding: 0px !important;
    }

    .treebody2 ul {
        list-style: none;
        padding: 0px 15px;
        margin: 0px;
    }

    .treebody2 .treeitem {
        padding-left: 15px;
        width: 100%;
        cursor: pointer;
    }

    .treebody2 .menu {
        position: relative;
        overflow-y: auto;
        padding: 5px 0px 0px 10px;
    }

    .tree-card .menu {
        border: 1px solid rgba(204, 204, 204, 0.35);
        border-radius: 4px;
    }

    .treebody2 .treerow {
        /*border-bottom: 1px solid #f5f5f5;*/
        padding: 6px 0px 6px 0px !important;
        cursor: pointer;
    }

    .treebody2 .treerow .material-icons {
        position: relative;
        float: left;
        top: -2px;
    }
</style>